<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>运动数据</title>
    <!-- 重置样式 -->
    <link rel="stylesheet" href="../../../assets/css/normalize.css">
    <!-- 重置样式基础上补充的其他重置样式 -->
    <link rel="stylesheet" href="../../../assets/css/reset.css">
    <!-- 面向属性的样式 -->
    <link rel="stylesheet" href="../../../assets/css/property.css">
    <!-- 公共样式 -->
    <link rel="stylesheet" href="../../../assets/css/basic.css">
    <!-- 字体样式 -->
    <link rel="stylesheet" href="../../../icons/iconfont.css">
    <!-- 当前样式 -->
    <link rel="stylesheet" href="./motionData.css">
</head>

<body>
    <!-- 头部 -->
    <header>
        <span class="iconfont icon-xiangzuo"></span>
    </header>

    <!-- 运动数据 -->
    <div class="uaerData">
        <!-- 我的运动数据上部分 -->
        <div class="dataTop">
            <p class="textTop">我的运动数据</p>
            <div class="round"></div>
        </div>
        <!-- 实际数据 -->
        <div class="dataCenter clearfix">
            <div class="dataLeft dpflex">
                <p>总运动</p>
                <p>99999<span>分钟</span></p>
            </div>
            <div class="dataRight dpflex">
                <p>本周消耗</p>
                <p>99999<span>千卡</span></p>
            </div>
        </div>
        <!-- 消耗 累计 连续 运动数据 -->
        <ul>
            <li>
                <p>消耗(千卡)</p>
                <span>999999</span>
            </li>
            <li>
                <p>累计(天)</p>
                <span>999</span>
            </li>
            <li>
                <p>连续(天)</p>
                <span>999</span>
            </li>
        </ul>

    </div>

</body>

</html>